<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width; initial-scale=1.0">
		<title>在线评价系统</title>
		<meta name="description" content="">
		<meta name="author" content="Administrator">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">
		<link rel="stylesheet" href="static/css/reset.css" />
		<link rel="stylesheet" href="static/css/login.css" />
		<link rel="stylesheet" href="static/css/animate.min.css" />
		<!--[if lt IE 9]>
		<script type="text/javascript" src="static/js/html5.js"></script>
		<![endif]-->
		<script type="text/javascript">
			function checkLogin()
			{
				var loginName = $.trim($("#loginName").val());
				var password = $.trim($("#password").val());
				if(loginName == "")
				{
					layer.tips('请输入用户名', '#loginName');
				}
				else if(password == "")
				{
					layer.tips('请输入密码', '#password');
				}
				else
				{
					layer.msg('<label style="color:#333;">登录中...</label>', {icon: 16,time:5000});
					window.location.href="welcome.htm";
				}
			}
		</script>
	</head>

	<body>
		<div>
			<header>
				<div class="logo_cont"></div>
				<nav class="header_nav">
					<p>
						<a href="http://www.eqxx.net" target="_blank">学校官网</a>
					</p>
					<p>
						<a href="/">使用帮助</a>
					</p>
					<p>
						<a href="/">问题反馈</a>
					</p>
				</nav>
			</header>

			<section class="main">
				<div class="main_cont">
					<div class="main_left_img">
						<img src="static/images/login_left_img.png" />
					</div>
					<div class="main_login_form animated fadeInLeft">
						<form action="#" id="loginForm" autocomplete="off">
							<div class="main_form_cont">
								<div class="main_form_item">
									<div class="form_item_ico user_ico"></div>
									<input type="text" id="loginName" autofocus placeholder="请输入用户名"/>
								</div>
								<div class="main_form_item">
									<div class="form_item_ico pass_ico"></div>
									<input type="password" id="password" placeholder="请输入密码"/>
								</div>
								<div class="code_img_cont">
									<input type="text" class="code_input" id="validate_code" placeholder="请输入验证码"/>
									<div class="code_img">
										<img src="static/images/code_img.png" width="98" height="44" title="验证码"/>
									</div>
									<input type="button" class="code_refresh" />
								</div>
								<!--
								<div class="auto_getpass_cont">
									<div class="i-checks">
										<label style="padding-left:0;margin-bottom:0px;">
											<input type="checkbox" value="yes" name="remember">
											<i></i> 两周内自动登录
										</label>
									</div>
									<a href="/forgetPass">忘记密码？</a>
								</div>
								-->
								<div class="login_btn_cont">
									<input type="button" class="login_btn" value="登录" onclick="checkLogin();"/>
								</div>
							</div>
						</form>
					</div>
				</div>
			</section>

			<footer>
				<p>
					Copyright © 2016 All Rights Reserved. <a href="http://www.eqxx.net" target="_blank">上海市第二轻工业学校</a> 版权所有    |  <a href="http://www.miitbeian.gov.cn" target="_blank">沪ICP备88888888号</a>
				</p>
			</footer>
		</div>
		<script type="text/javascript" src="static/js/jquery.min.js"></script>
		<script type="text/javascript" src="static/js/jquery.placeholder.min.js"></script>
		<script type="text/javascript" src="static/js/plugins/layer/layer.js"></script>
		<script type="text/javascript">
			$(document).ready(function()
			{
				$('input, textarea').placeholder({customClass:'my-placeholder'});
			});
		</script>
	</body>
</html>